<template>
  <div id="app">
    <!-- <img alt="Vue logo" src="./assets/logo.png"> -->
    <!-- 引用组件，绑定seller数据 -->
    <VHeader :seller="seller"></VHeader>
  </div>
</template>

<script>
// 导入组件
import VHeader from 'components/v-header/v-header.vue';
// 导入src/api下的getSeller方法
import {getSeller} from 'api';

export default {
  name: 'App',
  // 定义数据
  data(){
    // data为函数返回值对象,需要return
    return {
      // 定义seller为空对象
      seller: {}
    }
  },
  // 钩子函数,创建时自动执行
  created(){
    // getSeller().then((seller) => {
    //   this.seller = seller;
    // })
    // 调用methods:中的_getSeller()方法,自动执行
    this._getSeller();
  },
  // 定义方法
  methods: {
    // 定义_getSeller()方法,
    _getSeller(){
      // 调用导入的getseller方法,进行获取seller中的数据
      // 此方法可以确保seller参数肯定有数据
      getSeller().then((seller) => {
        // 将获取seller数据,赋值给当前data()中的seller
        this.seller = seller;
      })
    }
  },
  // 注册组件
  components: {
    VHeader
    // HelloWorld

  }
}
</script>

// <style lang="stylus">
// #app
//   font-family Avenir, Helvetica, Arial, sans-serif
//   -webkit-font-smoothing antialiased
//   -moz-osx-font-smoothing grayscale
//   text-align center
//   color #2c3e50
// </style>
